
<!DOCTYPE HTML>
<!--<html><head></head><body></body></html>-->
<html xmlns="http://www.w3.org/1999/xhtml" class="g_html">
<head>
    <title>个人深圳社保代缴、离职社保补缴、如何自己交社保</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="format-detection" content="telephone=no,email=no,address=no" />
    <meta name="renderer" content="webkit" />

    <meta property="og:url" content="http://www.hcshebao.com/col.jsp?id=105">


    <link rel="shortcut icon" href="//11648256.s21i.faiusr.com/5/ABUIABAFGAAgu4_uxgUorvLnzQEwgAE4gAE.ico"/>
    <meta name="description" itemprop="description" content="欢创:个人社保缴费服务,专注个人社保代缴补缴,社保代办,社保挂靠,社保转移转入,提供个人社保查询服务,社保明细清单,社保缴费比例一目了然,覆盖30 城市,非常可靠的社保代缴平台"/>
    <meta itemprop="name" content="个人深圳社保代缴、离职社保补缴、如何自己交社保"/>
    <meta name="keywords" content="个人深圳社保代缴、离职社保补缴、如何自己交社保"/>
    <link rel='canonical' href='//www.hcshebao.com/col.jsp?id=105'>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


    <link type="text/css" href="css/huanchuang/base.css" rel="stylesheet" />
    <link type="text/css" href="css/huanchuang/four.css" rel="stylesheet" id="templateFrame"  class="templateFrameClass"/>





    <link type='text/css' href='css/huanchuang/pattern.css' rel='stylesheet'><link type='text/css' href='css/huanchuang/two.css' rel='stylesheet'><link type='text/css' href='css/huanchuang/three.css' rel='stylesheet'>



    <link type="text/css" href="css/huanchuang/five.css" rel="stylesheet" />







    <link type="text/css" href="css/huanchuang/six.css" rel="stylesheet" />

    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/coo.js"></script>
    <script type="text/javascript" src="js/common.js"></script>

</head>

<style>
    ul li{
        list-style: none;
    }
    .itemName0:hover{
        color:#ffc001;
    }
    .dai{
        color: #ffc001;
    }
    .the_title li{
        float: left;
        margin: 0 3px;
        color: #999999;
    }
    .steps .chil_one li{
        float: left;
        margin: 0 15px;
    }
    .steps .chil_two li{
       float: left;
       font-size: 18px;
       font-weight:bold;
       margin-top: 5px;
    }
    .parallelogram {
        width: 50px;
        height: 30px;
        transform:skew(-30deg); /*设置倾斜度为-30*/
        -webkit-transform: skew(-30deg);
        -moz-transform: skew(-30deg);
        -o-transform:skew(-30deg);
        -ms-transform:skew(-30deg);
        border-radius:4px;
        border:2px solid #999999;
        text-align: center;
        margin: auto;
        font-size: 20px;
        color: #b5b5b5;
    }
    .parallelogramnow {
        width: 50px;
        height: 30px;
        transform:skew(-30deg); /*设置倾斜度为-30*/
        -webkit-transform: skew(-30deg);
        -moz-transform: skew(-30deg);
        -o-transform:skew(-30deg);
        -ms-transform:skew(-30deg);
        background-color: #ffc001;
        border-radius:4px;
        text-align: center;
        margin: auto;
        font-size: 20px;
        color: white;
    }
    .rectanglenow{
        width: 120px;
        height: 6px;
        border-radius:4px;
        background-color: #ffac36;
        margin-top: 0.12rem;
        position: relative;
        top: 15px;
    }
    .rectangle{
        width: 120px;
        height: 5px;
        border-radius:4px;
        border:1px solid #999999;
        position: relative;
        top: 15px;
    }
    .pay1{
        cursor:pointer
    }
    .pay2{
        cursor:pointer
    }
    .gray{
        border: #ddd solid 1px;
    }
    .orange{
        border: #ffc001 solid 1px;
    }
    #dialog {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.4);
        height: 500px;
        left: 50%;
        margin: -300px 0 0 -290px;
        padding: 1px;
        position: fixed !important; /* 浮动对话框 */
        position: absolute;
        top:60%;
        width: 600px;
        z-index: 5;
        border-radius: 5px;
        display: none;
    }
</style>




<body class="g_body  g_locale2052  g_cusSiteWidth  " >

<div id="dialog" style="display:none">
        <div style="width: 600px;height: 500px;">
            <div style="width: 600px;height: 60px;margin-top: 30px;">
                <img style="width:200px; margin-left: 200px;" src="/images/WePayLogo.png">
            </div>
            <div>
                <img class="qrcode" style="margin-left: 180px;" src="">
            </div>
            <div>
                <p class="totalprice" style="font-size: 20px;margin: 0 auto;width: 200px;text-align: center;"></p>
            </div>
            <div>
                <img style="margin-top: 20px;margin-left: 180px;" src="/images/wenzi.png">
            </div>

        </div>
</div>

<div id="g_main" class='g_main g_col105  '  style='0' >



    <div id="web" class="g_web ">
        <table class="webTopTable" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center">
                    <div id="webTop" class="webTop">
                        <a href="http://www.hcshebao.com/">
                        <div id='corpTitle' class='corpTitle corpTitle2' fontPatternTitle='false' style='top:48px;left:323px;;cursor:pointer'  _linkType='0'>
                            <h1 class='titleWrapper'><div class="newPrimaryTitle" 360chrome_form_autofill="2"><p align="center">欢创社保代缴</p><span style="font-size: 16px;"><p></p>
                                <div 360chrome_form_autofill="2">专注于个人社保、公积金咨询服务</div></span></div></h1></div>
                        </a>
                        <div id='logo'  class='logo logo2' style='top:49px;left:242px;display:block;'  _defaultLogo = '0'>
                            <a id='logoLink' hidefocus='true' class='link-p' link='/index.jsp' href='http://www.hcshebao.com/'>
                                <img id='logoImg'  title='fkkb05' alt='fkkb05' style='float:left;' height='69'width='69' src='//11648256.s21i.faiusr.com/4/ABUIABAEGAAg6uLLwAUo_o6G6AQwjgI4jgI.png'/>
                            </a></div>

                    </div>
                </td>
            </tr>
        </table>

        <table class="absTopTable" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center">

                </td>
            </tr>
        </table>
        <table class="webNavTable" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center">
                    <div id="webNav" class="webNav webNavDefault">
                        <div id='nav' class='nav nav2 fixedNavPos '>
                            <div class='navMainContent'><table class='navTop' cellpadding='0' cellspacing='0'><tr><td class='navTopLeft'></td><td class='navTopCenter'></td><td class='navTopRight'></td></tr></table>
                                <table class='navContent' cellpadding='0' cellspacing='0'>
                                    <tr>
                                        <td class='navLeft'></td>
                                        <td class='navCenterContent' id='navCenterContent' valign='top' align='left'>
                                            <div id='navCenter' class='navCenter' style='width:600px;'>
                                                <div class='itemPrev'></div>
                                                <div class='itemContainer'>
                                                    <table title='深圳个人社保代缴_深圳个人社保补缴' class='item itemCol2 itemIndex1' cellpadding='0' cellspacing='0' colId='2' id='nav2' onclick='window.open("http://www.hcshebao.com/", "_self")'  _jump='window.open("/", "_self")' >
                                                        <tr>
                                                            <td class='itemLeft'></td>
                                                            <td class='itemCenter'><a hidefocus='true' style='outline:none;' href='http://www.hcshebao.com/'  target='_self' onclick='return false;'><span class='itemName0'>首页</span></a></td>
                                                            <td class='itemRight'></td>
                                                        </tr>
                                                    </table>
                                                    <div class='itemSep'></div><table title='失业社保代缴、深圳个人社保代缴、深圳个人社保补缴企业社保解决方案 个人社保代缴' class='item itemCol110 itemIndex2' cellpadding='0' cellspacing='0' colId='110' id='nav110' onclick='window.open("http://www.hcshebao.com/col.jsp?id=110", "_self")'  _jump='window.open("/col.jsp?id=110", "_self")' >
                                                    <tr>
                                                        <td class='itemLeft'></td>
                                                        <td class='itemCenter'><a hidefocus='true' style='outline:none;' href='http://www.hcshebao.com/col.jsp?id=110'  target='_self' onclick='return false;'><span class='itemName0'>关于我们</span></a></td>
                                                        <td class='itemRight'></td>
                                                    </tr>
                                                </table>
                                                    <div class='itemSep'></div><table title='个人深圳社保代缴、离职社保补缴、如何自己交社保' class='item itemCol105 itemIndex3' cellpadding='0' cellspacing='0' colId='105' id='nav105' onclick='window.open("http://www.hcshebao.com/col.jsp?id=105", "_self")'  _jump='window.open("/col.jsp?id=105", "_self")' >
                                                    <tr>
                                                        <td class='itemLeft'></td>
                                                        <td class='itemCenter'><a hidefocus='true' style='outline:none;' href='http://huanchuang.softstao.com/wap.php?app=cartwap&act=info'  target='_self' onclick='return false;'><span class='itemName0 dai'>社保代缴</span></a></td>
                                                        <td class='itemRight'></td>
                                                    </tr>
                                                </table>
                                                    <div class='itemSep'></div><table title='代发工资' class='item itemCol106 itemIndex4' cellpadding='0' cellspacing='0' colId='106' id='nav106' onclick='window.open("http://www.hcshebao.com/col.jsp?id=106", "_self")'  _jump='window.open("/col.jsp?id=106", "_self")' >
                                                    <tr>
                                                        <td class='itemLeft'></td>
                                                        <td class='itemCenter'><a hidefocus='true' style='outline:none;' href='http://www.hcshebao.com/col.jsp?id=106'  target='_self' onclick='return false;'><span class='itemName0'>代发工资</span></a></td>
                                                        <td class='itemRight'></td>
                                                    </tr>
                                                </table>
                                                    <div class='itemSep'></div><table title='' class='item itemCol107 itemIndex5' cellpadding='0' cellspacing='0' colId='107' id='nav107' onclick='window.open("http://www.hcshebao.com/col.jsp?id=107", "_self")'  _jump='window.open("/col.jsp?id=107", "_self")' >
                                                    <tr>
                                                        <td class='itemLeft'></td>
                                                        <td class='itemCenter'><a hidefocus='true' style='outline:none;' href='http://www.hcshebao.com/col.jsp?id=107'  target='_self' onclick='return false;'><span class='itemName0'>新闻资讯</span></a></td>
                                                        <td class='itemRight'></td>
                                                    </tr>
                                                </table>
                                                    <div class='itemSep'></div><table title='' class='item itemCol108 itemIndex6' cellpadding='0' cellspacing='0' colId='108' id='nav108' onclick='window.open("http://www.hcshebao.com/col.jsp?id=108", "_self")'  _jump='window.open("/col.jsp?id=108", "_self")' >
                                                    <tr>
                                                        <td class='itemLeft'></td>
                                                        <td class='itemCenter'><a hidefocus='true' style='outline:none;' href='http://www.hcshebao.com/col.jsp?id=108'  target='_self' onclick='return false;'><span class='itemName0 lian'>联系我们</span></a></td>
                                                        <td class='itemRight'></td>
                                                    </tr>
                                                </table>
                                                </div>
                                                <div style="position: absolute; left: 530px;clear: both;overflow: hidden;z-index: 9999;" >
                                                    <a href="http://huanchuang.softstao.com/wap.php?app=member&act=order">
                                                        <img src="/images/images/vip.png">
                                                    </a>
                                                </div>
                                                <div class='itemNext'></div>
                                            </div>
                                        </td>
                                        <td class='navRight'></td>
                                    </tr>
                                </table>
                                <table class='navBottom' cellpadding='0' cellspacing='0'><tr><td class='navBottomLeft'></td><td class='navBottomCenter'></td><td class='navBottomRight'></td></tr></table>
                            </div>
                        </div>
                        <a href='http://www.hcshebao.com/msgBoard.jsp' class="liuyanban" style='display:none;'>留言板</a>
                    </div>
                </td>
            </tr>
        </table>

        <table class="webHeaderTable J_webHeaderTable" cellpadding="0" cellspacing="0" id="webHeaderTable">
            <tr>
                <td align="center" id="webHeaderContent" class="J_webHeaderTable webHeaderTd fk-moduleZoneWrap web_header_td J_webHeaderTd">

                    <div id="fk-webHeaderZone" class="elemZone elemZoneModule J_moduleZone fk-webHeaderZone fk-moduleZone forms sideForms">
                        <div class="fk-moduleZoneBg fk-elemZoneBg J_zoneContentBg elemZoneBg"></div>

                    </div>

                    <div id="webHeader" class="webHeader">
                        <table class='headerTable' cellpadding='0' cellspacing='0'>
                            <tr>
                                <td class='headerCusLeft'></td>
                                <td class='headerCusMiddle' align='center' valign='top'>
                                    <div class='headerNav '>

                                    </div>
                                </td>
                                <td class='headerCusRight'></td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td align="center" id="webHeaderContentBg" class="J_webHeaderTable webHeaderTd web_header_td J_webHeaderTd webHeaderContentBg"></td>
            </tr>
        </table>
        <table class="webBannerTable J_webBannerTable" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center" class="fk-moduleZoneWrap">


                    <div id="fk-webBannerZone" class="elemZone elemZoneModule J_moduleZone fk-webBannerZone fk-moduleZone forms sideForms" >
                        <div class="fk-moduleZoneBg fk-elemZoneBg J_zoneContentBg elemZoneBg"></div>

                    </div>


                    <div id="webBanner" class="webBanner">
                        <table class="bannerTable" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="bannerLeft"></td>
                                <td class="bannerCenter" align='center' valign='top'>
                                    <div class='bannerTop'></div>
                                    <div id='banner' class='banner extBanner' style='background:url(//11648256.s21i.faiusr.com/2/ABUIABACGAAggv6p3wUo6Pyz-AcwgA84wgM.jpg) 50% 50% no-repeat;height:450px'  normalheight='450' defaultwidth='1440'>
                                        <div class='banner defaultBannerMain' style='background:url(//11648256.s21i.faiusr.com/2/ABUIABACGAAggv6p3wUo6Pyz-AcwgA84wgM.jpg) 50% 50% no-repeat;height:450px'></div>
                                        <div class='defaultBannerEdge defaultBannerEdgeRight'></div>
                                        <div class='defaultBannerEdge defaultBannerEdgeLeft'></div>
                                    </div>

                                </td>
                                <td class="bannerRight"></td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>

        <div style="width: 1120px;margin: 0 auto;margin-top: 27px;">
            <div class="the_title" style="overflow: hidden;">
                <ul>
                    <li>社保代缴</li>
                    <li>></li>
                    <li>提交订单</li>
                </ul>
            </div>
            <div class="steps" style="overflow: hidden;margin-top:30px;">
                <ul class="chil_one" style="width: 900px;margin: 0 auto;overflow: hidden;">
                    <li class="parallelogramnow">1</li>
                    <li class="rectanglenow"></li>
                    <li class="parallelogramnow">2</li>
                    <li class="rectanglenow"></li>
                    <li class="parallelogramnow">3</li>
                    <li class="rectanglenow"></li>
                    <li class="parallelogram">4</li>
                </ul>
                <ul class="chil_two" style="width: 900px;margin: 0 auto;overflow: hidden;">
                    <li style="color: #ffac36;">确认订单</li>
                    <li style="margin-left: 1.6rem;color: #ffac36;">提交订单</li>
                    <li style="margin-left: 1.6rem;color: #b5b5b5;">支付订单</li>
                    <li style="margin-left: 1.6rem;color: #b5b5b5;">订单完成</li>
                </ul>
            </div>
        </div>

        <div style="width: 1050px;margin: 0 auto;margin-top: 50px;height: 280px;background-color: #f9f9f9;">
            <div style="text-align: center;font-size: 18px;color: black;padding-top: 20px;">
                支付金额
            </div>
            <div style="text-align: center;font-size: 22px;color: #e88232;padding-top: 30px;">
                ￥{$data.total_price}
            </div>
            <div style="font-size: 14px;color: black;padding-top: 75px;margin-left: 20px;">
                订单提交成功，请尽快支付！订单号{$data.order_sn}
            </div>
            <div style="font-size: 14px;color: black;padding-top: 20px;margin-left: 20px;">
                请您在<span style="color: #fec178">2小时</span>内完成支付，否则订单会被自动取消（因订单未及时支付导致无法办理当月服务，造成后果由买方自负）
            </div>


        </div>

        <div style="width: 1050px;margin: 0 auto;margin-top: 20px;height: 110px;">
            <p style="font-size: 15px;color: #7e7e7e;">支付方式</p>
            <div style="margin-top: 10px;">
                <a>
                    <div class="pay2 gray" style="background-repeat:no-repeat;width: 210px;height: 60px;float: left;background-image: url(http://img.softstao.com/uploadfiles/client/1/pic/2019/03/26/1932610355415993.jpg)"></div>
                </a>
                <a>
                    <div class="pay1 gray" style="background-repeat:no-repeat;width: 210px;height: 60px;float: left;margin-left: 15px;background-image: url(http://img.softstao.com/uploadfiles/client/1/pic/2019/03/26/1932610353960369.jpg)"></div>
                </a>
            </div>
        </div>

        <div style="width: 1120px;margin: 0 auto;margin-top: 25px;padding-bottom: 90px;">
            <button class="btn" style="width: 250px;height: 45px;margin-left: 4.5rem;border-radius: 8px;background-color: #ffb421; border-style: none;color: white;font-size: 16px;">
                立即支付
            </button>
        </div>
        <input type="hidden" id="total_price"  name="total_price" value="{$data.total_price}" />
        <input type="hidden" id="order_sn"   name="order_sn" value="{$data.order_sn}" />
        <input type="hidden" id="pay_method"   name="pay_method" value="" />
        <input type="hidden" id="order_id"   name="order_id" value="{$data.order_id}" />

        <table class="absBottomTable" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center">
                    <div id="absBottomForms" class="forms sideForms absForms">
                        <div style="position:absolute;"></div><!-- for ie6 -->
                        <div id='module381' _indexClass='formIndex1' _moduleType='1' _modulestyle='1' _moduleid='381'  class='form form381 formIndex1 formStyle1' title='' _sys='0' _banId='' style='position:absolute;top:48px;left:65px;width:353px;' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _inpack='0' _inpopupzone='0' _infullmeasurepack='0' _intabpack='0' _autoHeight='1' _global='true' _independent='false' data-scrollbar='0'>
                            <table class='formTop formTop381' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table>
                            <table class=' formMiddle formMiddle381' style='' cellpadding='0' cellspacing='0'><tr>
                                <td class='formMiddleLeft formMiddleLeft381'></td>
                                <td class='formMiddleCenter formMiddleCenter381 ' valign='top'>
                                    <div class='formMiddleContent formMiddleContent381' tabStyle='0'>
                                        <div class='richContent richContent0'><p><strong style="line-height:21.6px;"><span style="font-family:微软雅黑;font-size:26px;"><span style="color:#FFC001;font-size:24px;">深圳欢创劳务派遣有限公司</span></span></strong></p></div></div>
                                </td>
                                <td class='formMiddleRight formMiddleRight381'></td>
                            </tr></table>
                            <table class='formBottom formBottom381' cellpadding='0' cellspacing='0'><tr><td class='left left381'></td><td class='center center381'></td><td class='right right381'></td></tr></table>
                            <div class='clearfloat clearfloat381'></div>
                        </div>

                        <div id='module383' _indexClass='formIndex2' _moduleType='1' _modulestyle='1' _moduleid='383'  class='form form383 formIndex2 formStyle1' title='' _sys='0' _banId='' style='position:absolute;top:60px;left:790px;width:414px;' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _inpack='0' _inpopupzone='0' _infullmeasurepack='0' _intabpack='0' _autoHeight='1' _global='true' _independent='false' data-scrollbar='0'>
                            <table class='formTop formTop383' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table>
                            <table class=' formMiddle formMiddle383' style='' cellpadding='0' cellspacing='0'><tr>
                                <td class='formMiddleLeft formMiddleLeft383'></td>
                                <td class='formMiddleCenter formMiddleCenter383 ' valign='top'>
                                    <div class='formMiddleContent formMiddleContent383' tabStyle='0'>
                                        <div class='richContent richContent0'><p><span style="color:#999999;font-family:微软雅黑;font-size:14px;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;">首页　</span><span style="color:#666666;line-height:25.2px;font-family:微软雅黑;font-size:14px;">　</span><span style="color:#666666;font-family:微软雅黑;font-size:14px;">社保代缴　</span><span style="color:#666666;line-height:25.2px;font-family:微软雅黑;font-size:14px;">　</span><span style="color:#666666;font-family:微软雅黑;font-size:14px;">代发工资　</span><span style="color:#666666;line-height:25.2px;font-family:微软雅黑;font-size:14px;">　</span><span style="color:#666666;font-family:微软雅黑;font-size:14px;">新闻资讯　</span><span style="color:#666666;line-height:25.2px;font-family:微软雅黑;font-size:14px;">　</span><span style="color:#666666;font-family:微软雅黑;font-size:14px;">联系我们</span></span></p></div></div>
                                </td>
                                <td class='formMiddleRight formMiddleRight383'></td>
                            </tr></table>
                            <table class='formBottom formBottom383' cellpadding='0' cellspacing='0'><tr><td class='left left383'></td><td class='center center383'></td><td class='right right383'></td></tr></table>
                            <div class='clearfloat clearfloat383'></div>
                        </div>


                    </div>
                </td>
            </tr>
        </table>

        <table id="webFooterTable" class="webFooterTable J_webFooterTable" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center" valign="top" class="fk-moduleZoneWrap">

                    <div id="fk-webFooterZone" class="elemZone elemZoneModule J_moduleZone fk-webFooterZone fk-moduleZone forms sideForms">
                        <div class="fk-moduleZoneBg fk-elemZoneBg J_zoneContentBg elemZoneBg"></div>
                        <div id='module384' _indexClass='formIndex1' _moduleType='1' _modulestyle='1' _moduleid='384'  class='form form384 formIndex1 formStyle1 formInZone ' title='' _sys='0' _banId='' style='position:absolute;top:73px;left:63px;width:709px;' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _inpack='0' _inpopupzone='0' _infullmeasurepack='0' _intabpack='0' _autoHeight='0' _global='true' _independent='false' data-scrollbar='0'>
                            <table class='formTop formTop384' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table>
                            <table class=' formMiddle formMiddle384' style='height:195px; ' cellpadding='0' cellspacing='0'><tr>
                                <td class='formMiddleLeft formMiddleLeft384'></td>
                                <td class='formMiddleCenter formMiddleCenter384 ' valign='top'>
                                    <div class='formMiddleContent formMiddleContent384' tabStyle='0'>
                                        <div class='richContent richContent0'><p><span style="color:#4D4D4D;font-family:微软雅黑;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;">深圳电话：138-2335-4869 李经理　</span><span style="color:#4D4D4D;line-height:21.6px;font-family:微软雅黑;"><span style="color:#666666;line-height:21.6px;font-family:微软雅黑;font-size:14px;">　</span><span style="color:#666666;line-height:21.6px;font-family:微软雅黑;font-size:14px;">　</span></span><span style="color:#666666;line-height:21.6px;font-family:微软雅黑;font-size:14px;">　微信：13823354869（深圳）</span></span></p><p><span style="color:#4D4D4D;font-family:微软雅黑;"><span style="color:#666666;line-height:21.6px;font-family:微软雅黑;font-size:14px;"></span><span style="color:#4D4D4D;font-family:微软雅黑;font-size:14px;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;">深圳地址：深圳市福田区福田街道彩田路彩虹新都海鹰大厦16B</span></span></span></p><p><span style="color:#4D4D4D;font-family:微软雅黑;"><span style="color:#4D4D4D;font-family:微软雅黑;font-size:14px;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;"><span style="color:#4D4D4D;font-family:微软雅黑;"><span style="color:#666666;line-height:21.6px;font-family:微软雅黑;font-size:14px;"></span><span style="color:#4D4D4D;font-family:微软雅黑;font-size:14px;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;">贵阳地址：</span></span></span>贵阳观山湖区中天会展城金融大厦</span></span></span></p><p><span style="color:#4D4D4D;font-family:微软雅黑;"><span style="color:#4D4D4D;font-family:微软雅黑;font-size:14px;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;">粤ICP备17014312号 </span></span></span></p><p><span style="font-family:Arial;">©</span>2017 gzhclw 版权所有</p><p><span style="color:#4D4D4D;font-family:微软雅黑;"><span style="color:#4D4D4D;font-family:微软雅黑;font-size:14px;"><span style="color:#666666;font-family:微软雅黑;font-size:14px;"></span></span></span><br /></p></div></div>
                                </td>
                                <td class='formMiddleRight formMiddleRight384'></td>
                            </tr></table>
                            <table class='formBottom formBottom384' cellpadding='0' cellspacing='0'><tr><td class='left left384'></td><td class='center center384'></td><td class='right right384'></td></tr></table>
                            <div class='clearfloat clearfloat384'></div>
                        </div>


                    </div>


                    <div id="webFooter" class="webFooter">
                        <div id='footer' class='footer' ><table class='footerTop' cellpadding='0' cellspacing='0'><tr valign='top'><td class='topLeft'></td><td class='topCenter'></td><td class='topRight'></td></tr></table><table class='footerMiddle' cellpadding='0' cellspacing='0'><tr valign='top'><td class='middleLeft'></td><td class='middleCenter' align='center'><div class='footerContent'><div class='footerInfo'><p style="text-align:center;"><p style="float: left;height: 20px;background-color: #54b4de;color: white;padding: 0 5px 0 5px;">3 0 3 2 9 3 8 2</p><font face="Arial">©</font>2016 gzhclw 版权所有</p></div><div class='footerSupport' id='footerSupport'>                    <span class='bgplayerButton' id='bgplayerButton' style='display:none;'></span></div><div class='visitorCounterWrap'><div class='visitorCounterPosition' style='height:20px;'></div><div class='g_clear'></div></div></div></td><td class='middleRight'></td></tr></table><table class='footerBottom' cellpadding='0' cellspacing='0'><tr valign='top'><td class='bottomLeft'></td><td class='bottomCenter'></td><td class='bottomRight'></td></tr></table></div>
                        <div class='statToolWrap'>

                        </div>

                    </div>


                </td>
            </tr>
        </table>
        <div class="clearfloat"></div>
    </div>


</div>



<link type='text/css' href='css/huanchuang/seven.css' rel='stylesheet' />


</body>
</html>

<script>
    $(function () {
        $(".pay1").click(function(){
            $(this).toggleClass("orange");
            $(this).siblings().removeClass("gray");
            $('.pay2').removeClass("orange");
            $("#pay_method").val('alipay');
        });

        $(".pay2").click(function(){
            $(this).toggleClass("orange");
            $(this).siblings().removeClass("gray");
            $('.pay1').removeClass("orange");
            $("#pay_method").val('weixin');
        });
    })

    $(".btn").click(function () {
        var pay_method = $("#pay_method").val();

        if (pay_method == ''){
            alert('请先选择支付方式');
        }

        if (pay_method == 'weixin'){
            $("#dialog").show();
            $("#g_main").css("opacity","0.6");
            //用ajax获取到支付的二维码
            var order_sn = $("#order_sn").val(), total_price = $("#total_price").val(), order_id = $("#order_id").val();
            var payQrcode = '';
            var payPrice = '';
            var payOrderCode = '';
            $.getJSON('api.php?app=cart&act=getPayQrcode&order_sn='+order_sn+'&total_price='+total_price, function(json){
                if (json.data.status == 'success') {
                    payQrcode = 'http://huanchuang.softstao.com/framework/class/wxapi/'+json.data.msg;
                    payPrice = json.data.price;
                    payOrderCode = json.data.code;

                    $(".qrcode").attr("src", payQrcode);
                    $(".totalprice").html('应付金额：'+payPrice);
                    //更改图片样式
                    $(".qrcode").css("width","250px");
                    $(".qrcode").css("height","250px");

                    // 轮询代码开始
                    // 设置每隔1000毫秒执行一次load() 方法
                    var myIntval = setInterval(function(){
                        check();
                    },1000);
                    function check(){
                        var xmlhttp;
                        // 轮询的浏览器设置
                        if (window.XMLHttpRequest){
                            // code for IE7+, Firefox, Chrome, Opera, Safari
                            xmlhttp=new XMLHttpRequest();
                        }else{
                            // code for IE6, IE5
                            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        xmlhttp.onreadystatechange=function(){
                            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                                trade_state=JSON.parse(xmlhttp.responseText);
                                console.log(trade_state);
                                //判断订单支付状态 并用document.getElementById方法赋值到myDiv中；
                                if(trade_state.code=='SUCCESS'){
                                    //延迟3000毫秒执行tz() 方法
                                    clearInterval(myIntval);
                                    //进行跳转。
                                    $.getJSON('wap.php?app=cart&act=order_chuli&id='+order_id+'&pay_method='+pay_method);
                                    window.location.href="wap.php?app=cart&act=order_ok";
                                }else if(trade_state.code=='REFUND'){
                                    document.getElementById("myDiv").innerHTML='转入退款';
                                    clearInterval(myIntval);
                                }else if(trade_state.code=='NOTPAY'){
                                    // document.getElementById("myDiv").innerHTML='请扫码支付';
                                }else if(trade_state.code=='CLOSED'){
                                    document.getElementById("myDiv").innerHTML='已关闭';
                                    clearInterval(myIntval);
                                }else if(trade_state.code=='REVOKED'){
                                    document.getElementById("myDiv").innerHTML='已撤销';
                                    clearInterval(myIntval);
                                }else if(trade_state.code=='USERPAYING'){
                                    document.getElementById("myDiv").innerHTML='用户支付中';
                                }else if(trade_state.code=='PAYERROR'){
                                    document.getElementById("myDiv").innerHTML='支付失败';
                                    clearInterval(myIntval);
                                }

                            }
                        }
                        //orderquery.php 文件返回订单状态，通过订单状态确定支付状态
                        xmlhttp.open("POST","http://huanchuang.softstao.com/framework/class/wxapi/payment/example/orderquery.php",false);
                        //下面这句话必须有
                        //把标签/值对添加到要发送的头文件。
                        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                        xmlhttp.send("out_trade_no="+payOrderCode+"");
                    }
                }else{
                    alert('请求失败');
                    return false;
                }
            });
        }
        if (pay_method=='alipay'){
            alert('支付宝支付尚未开通');
        }

    })



</script>



